<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>局部组件，只知道自己是一个普通对象</title>
</head>
<body>
<div id="app">
    <heima63></heima63>
</div>
<div id="bpp">
    <heima63></heima63>
</div>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
    let heima63 = {
        template: `<div><input v-model="name"/>
            我是一个局部的组件,我的name：{{name}}</br>
                    </div>`,
        data() {
            return {
                name: "zxcvb"
            }
        }
    };
    let app = new Vue({
            el: "#app",
            components: {
                heima63 //key:value省略成 value
            }
        });
    let bpp = new Vue({
            el: "#bpp",
        components: {
            heima63 //key:value省略成 value
        }
        })
    ;
</script>
</body>
</html>